<template>
    <a-card style="width: 100%;">
        <div class="title">移交详情记录</div>
            <div class="content">
                <div class="text" >移交时间 : {{ DetailsData.turnOverDate || '无' }}</div>
                <div class="text" >移交发起单位 : {{ DetailsData.officeNameRaise || '无'}}</div>
                <div class="text" >移交目标单位 : {{ DetailsData.officeNameTo || '无'}}</div>
                <div class="text" >移交说明 : {{ DetailsData.turnRemark || '无'}}</div>
            </div>
        <div class="title">网站内容信息</div>
            <div class="content">
                <div class="text" >涉诈网站 : {{ DetailsData1.accessDomainName || '无'}}</div>
                <div class="text" >操作次数 : {{ DetailsData1.accessNumber || '无'}}</div>
                <div class="text" >响应码 : {{ DetailsData1.responseCode || '无'}}</div>
                <div class="text" >涉诈网站标题 : {{ DetailsData1.siteTitle || '无'}}</div>
                <div class="text" >涉诈网站截图 : {{ DetailsData1.siteScreenshotUrl || '无'}}</div>
                <div class="text" >截图时间 : {{ DetailsData1.screenshotTime || '无'}}</div>
            </div>
        <div class="title">受害人反馈信息</div>
            <div class="content">
                <div class="text" >处置方式 : {{ DetailsData1.disposalMethod || '无'}}</div>
                <div class="text" >劝阻账号 : {{ DetailsData1.dissuadeUser || '无'}}</div>
                <div class="text" >反馈验证 : {{ DetailsData1.flagVeriry || '无'}}</div>
                <div class="text" >反馈处理时间 : {{ DetailsData1.feedbackTime || '无'}}</div>
                <div class="text" >劝阻内容 : {{ DetailsData1.feedbackResultContent || '无'}}</div>
            </div>
        <div class="title">受害人基本信息</div>
            <div class="content">
                <div class="text" >受害姓名 : {{ DetailsData1.victimName || '无'}}</div>
                <div class="text" >批次号 : {{ DetailsData1.batchNumber || '无'}}</div>
                <div class="text" >受害人身份证号 : {{ DetailsData1.victimIdCard || '无'}}</div>
                <div class="text" >受害人银行账户 : {{ DetailsData1.victimBankAccount || '无'}}</div>
                <div class="text" >受害人支付宝账号 : {{ DetailsData1.victimAlipayAccount || '无'}}</div>
                <div class="text" >受害人微信账号 : {{ DetailsData1.victimWechatAccount || '无'}}</div>
                <div class="text" >受害人QQ号 : {{ DetailsData1.victimQqNumber || '无'}}</div>
                <div class="text" >归属省份 : {{ DetailsData1.belongProv || '无'}}</div>
                <div class="text" >归属城市 : {{ DetailsData1.belongCity || '无'}}</div>
                <div class="text" >省级 : {{ DetailsData1.prov || '无' }}</div>
                <div class="text" >地级 : {{ DetailsData1.city || '无'}}</div>
                <div class="text" >县级 : {{ DetailsData1.district || '无'}}</div>
                <div class="text" >乡级 : {{ DetailsData1.township || '无'}}</div>
                <div class="text" >村级 : {{ DetailsData1.village || '无'}}</div>
                <div class="text" >机构/部门 
                    <a-tooltip placement="leftTop">
                        <template slot="title">
                            <span>只有配置“指派部门”时，此处才有显示</span>
                        </template>
                        <a-icon type="question-circle" />
                    </a-tooltip>
                    : {{ DetailsData1.orgDeptCname || '无'}}</div>
                <div class="text" >定位依据 
                    <a-tooltip placement="leftTop">
                        <template slot="title">
                            <span>针对最新位置查到的位置结果显示</span>
                        </template>
                        <a-icon type="question-circle" />
                    </a-tooltip>
                    : {{ DetailsData1.positioningBasis || '无'}}</div>
                <div class="text" >最新位置 : {{ DetailsData1.latestLocation || '无'}}</div>
                <div class="text" >最新位置时间 : {{ DetailsData1.latestLocationTime || '无'}}</div>
                <div class="text" >位置刷新操作人 : {{ DetailsData1.locationRefreshName || '无'}}</div>
                <div class="text" >数据来源 : {{ DetailsData1.sourceFrom || '无'}}</div>
                <div class="text" >策略编码 
                    <a-tooltip placement="leftTop">
                        <template slot="title">
                            <span>指在预警策略中所配置的编码</span>
                        </template>
                        <a-icon type="question-circle" />
                    </a-tooltip>
                    : {{ DetailsData1.ployCode || '无'}}</div>
                <div class="text" >最近联系时间 : {{ DetailsData1.lastConcatTime || '无'}}</div>
                <div class="text" >下发时间 : {{ DetailsData1.releaseTime || '无'}}</div>
                <div class="text" >归属地运营商 : {{ DetailsData1.belongBank || '无'}}</div>
                <div class="text" >通话次数 : {{ DetailsData1.numberCalls || '无'}}</div>
                <div class="text" >通话时长 : {{ DetailsData1.durationCalls || '无'}}</div>
                <div class="text" >交易时间 : {{ DetailsData1.tradeTime || '无'}}</div>
                <div class="text" >交易金额 : {{ DetailsData1.tradeAmount || '无'}}</div>
                <div class="text" >交易发生地 : {{ DetailsData1.tradeLocation || '无'}}</div>
                <div class="text" >交易结果 : {{ DetailsData1.tradeResult || '无'}}</div>
                <div class="text" >嫌疑人姓名 : {{ DetailsData1.suspectsCname || '无'}}</div>
                <div class="text" >嫌疑人身份证号 : {{ DetailsData1.suspectsIdNumber || '无'}}</div>
                <div class="text" >嫌疑人电话号码 : {{ DetailsData1.suspectsPhoneNumber || '无'}}</div>
                <div class="text" >嫌疑人银行账号 : {{ DetailsData1.suspectsBankAccount || '无'}}</div>
                <div class="text" >嫌疑人支付宝账号 : {{ DetailsData1.suspectsAlipayAccount || '无'}}</div>
                <div class="text" >嫌疑人微信账号 : {{ DetailsData1.suspectsWechatAccount || '无'}}</div>
                <div class="text" >嫌疑人QQ号 : {{ DetailsData1.suspectsQqNumber || '无'}}</div>
                <div class="text" >创建时间 : {{ DetailsData1.createTime || '无'}}</div>
            </div>
        <div class="title">数据接收信息</div>
            <div class="content">
                <div class="text" >接收人 : {{ DetailsData1.receiverCname || '无'}}</div>
                <div class="text" >接收状态 : {{ DetailsData1.receiveStatus || '无'}}</div>
                <div class="text" >接收时间 : {{ DetailsData1.receivingTime || '无'}}</div>
                <div class="text" >历史接收 : {{ DetailsData1.historyReceiver || '无'}}</div>
            </div>
        <div class="title">数据锁定信息</div>
            <div class="content">
                <div class="text" >用锁对象 : {{ DetailsData1.lockOperatorName || '无'}}</div>
                <div class="text" >用锁方式 : {{ DetailsData1.useLockWay || '无'}}</div>
                <div class="text" >被锁对象 : {{ DetailsData1.lockForUserName || '无'}}</div>
            </div>
    </a-card>
</template>

<script>
 import { queryById } from '@/api/warning/WarningData.js'
 import { warningDetail } from '@/api/warning/WarningData.js'
 export default{
    mounted () {
      this.id = this.$route.query.id  
      this.warningBaseId = this.$route.query.warningBaseId  
      this.refreshTable()
      this.refreshTable1()
    },
    data () {
        return {
            warningBaseId:null,
            warningEvtid:null,
            DetailsData:{},
            DetailsData1:{},
        }
    },
    methods: {
        refreshTable() {
            this.loading = true
            queryById({id: this.id}).then( res => {
            if (res.success) {
                this.DetailsData = res.result
                this.loading = false
            } else {
                this.$message.success(res.message)
                this.loading = false
            }
            })
            .catch((e) => {
                this.loading = false
                this.$message.warn('请求失败！')
            })
        },
        refreshTable1() {
            this.loading = true
            warningDetail({warningEvtid: this.warningBaseId}).then( res => {
            if (res.success) {
                this.DetailsData1 = res.result
                this.loading = false
            } else {
                this.$message.success(res.message)
                this.loading = false
            }
            })
            .catch((e) => {
                this.loading = false
                this.$message.warn('请求失败！')
            })
        },
    }
 }
</script>

<style lang="less" scoped>
.title {
    background-color: #eee;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 20px;
    // margin-top: 20px;
}
.content{
    margin-bottom: 20px;
    margin-left: 20px;
}
.text{
    margin-bottom: 10px;
    font-size: 15px;
}
</style>